<template>
  <div v-if="item && item.type == 'COURSE'">
    <div class="sub-title">
      <span class="zh-t"><i class="iconfont"></i>{{ item.zoneName }}</span>
      <span class="en-t">{{ item.zoneDesc }}</span>
      <nuxt-link :to="{ name: 'course-list' }" class="fr small_text link_text">更多 ></nuxt-link>
    </div>
    <div v-if="false" class="sub-title-bottom clearfix">
      <div class="title-sub">
        <span class="title-sub-item recommend on">推荐课程</span>
        <span class="title-sub-item subject">光电图像处理</span>
        <span class="title-sub-item subject">企业沙盘模拟决策</span>
        <span class="title-sub-item subject">商业实习</span>
        <span class="title-sub-item subject">沙盘模拟</span>
        <span class="title-sub-item subject">管理决策虚拟仿真</span>
        <span class="title-sub-item subject">发电企业模拟决策仿真</span>
        <span class="title-sub-item subject">模拟决策竞争</span>
        <span class="title-sub-item subject">电力认识实习</span>
      </div>
    </div>
    <div class="list">
      <ul class="clearfix">
        <one-course v-for="(obj, idx) in item.courseList" :key="idx" :obj="obj" :idx="idx" />
      </ul>
    </div>
  </div>
</template>
<script>
import OneCourse from '@/pages/course/OneCourse.vue'

export default {
  components: { OneCourse },
  props: {
    item: {
      type: Object,
      default: null
    }
  }
}
</script>
